<template>
  <div class="page-main" v-title data-title="引用记录表">
    <FixedMenu menuClass="fixed-menu">
      <div class="fixed-menu">
        <div class="functionMould" style="background-color: #ffffff" @click="handleMyFile(1)">
          <a-icon type="file-text" class="menu-icon" />
          <span> 我发起的</span>
        </div>
        <div class="functionMould" style="background-color: #ffffff" @click="handleMyFile(2)">
          <a-icon type="lock" class="menu-icon" />
          <span>我审批的</span>
        </div>
      </div>
    </FixedMenu>
    <home-nav :userData="userinfo"></home-nav>
    <div class="banner"><span>引用记录表</span></div>
    <QuoteListView ref="QuoteListView" />
  </div>
</template>

<script>
import { TableMixin } from '@/mixins/TableMixin'
import FixedMenu from '@/components/tools/FixedMenu'
export default {
  name: 'TechList',
  mixins: [TableMixin],
  components: {
    HomeNav: () => import('@/components/layouts/HomeNav'),
    QuoteListView: () => import('@/views/tech/enginee/quote/QuoteListView'),
    FixedMenu,
  },
  data() {
    return {
      userinfo: {
        info: this.$store.getters.userInfo,
        module: 'NewTechEngineeQuoteList',
      },
    }
  },
  mounted() {},
  computed: {},
  methods: {
    handleMyFile(myType) {
      this.$refs.QuoteListView.handleMyFile(myType)
    },
    handlehToLib() {
      let urlJump = this.$router.resolve({ path: `/engineeTech/list` })
      window.open(urlJump.href, '_blank')
    },
  },
}
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@import '~@assets/less/hte-main.less';
@import '~@assets/less/hte-main.less';
.fixed-menu {
  position: fixed;
  right: 20px;
  z-index: 1;
  width: 80px;
  top: 172px;
}

.functionMould {
  background-color: #ffffff;
  padding: 10px;
  text-align: center;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
  cursor: pointer;
  &:hover {
    > span,
    > i {
      color: #146595;
    }
  }
}
.functionMould > span {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #000000;
  display: block;
}
.menu-icon {
  font-size: 24px;
  color: #31a0e1;
}
.page-main {
  .banner {
    background-image: url(~@assets/tech/techHead.png);
  }

  .container {
    .content-list {
      margin-top: 15px;
    }
  }
}
</style>
